<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2025全球100榜单</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <div class="banner">
            <img src="placeholder-banner.jpg" alt="榜单图片">
            <div class="banner-text">
                <p class="small-text">携程口碑榜</p>
                <p class="large-text">2025全球100</p>
            </div>
        </div>
        
        <div class="nav-bar">
            <div class="nav-item active">榜单</div>
            <div class="nav-item">景点</div>
            <div class="nav-item">攻略</div>
            <div class="nav-item">交通</div>
            <div class="nav-item">自然地</div>
        </div>
        
        <div class="filter-bar">
            <div class="filter-item">全球 <span class="arrow">▼</span></div>
            <div class="filter-item">口碑/价格 <span class="arrow">▼</span></div>
        </div>
        
        <div class="destination-card">
            <div class="dest-image">
                <img src="placeholder-disney.jpg" alt="华特迪士尼世界">
            </div>
            <div class="dest-info">
                <h3>华特迪士尼世界 <span class="brand">Walt Disney World Resort</span></h3>
                <div class="rating">
                    <span class="stars">★★★★★</span> 4.7分 | 人均: ¥3356
                </div>
                <div class="location">
                    <p>上榜理由: 平均评价最好&最受欢迎的主题公园</p>
                    <p>少至能满足各年龄段家庭游客需求之主题乐园</p>
                </div>
                <div class="tags">
                    <span class="tag">吸引度最高的景点</span>
                    <span class="visitor-count">1980人点赞</span>
                </div>
                <div class="actions">
                    <span class="action">详情</span> | <span class="action">收藏</span> | <span class="action">人气榜单</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html> 